<template>
  <div></div>
  <!--  <base-table-->
  <!--    :url="url"-->
  <!--    :table-field-list="tableFieldList"-->
  <!--    :submit-form="submitForm"-->
  <!--    submit-form-title="供应商信息"-->
  <!--    @data-format="dataFormat"-->
  <!--    @set-form-init-value="setFormInitValue"-->
  <!--    @submit-valid="submitValid"-->
  <!--  >-->
  <!--    <template #submitForm>-->
  <!--      <el-form-->
  <!--        :model="submitForm"-->
  <!--        :rules="formRules"-->
  <!--        :label-width="100"-->
  <!--        ref="submitFormRef"-->
  <!--      >-->
  <!--        <el-form-item label="供应商编号：" prop="no" label-width="120px">-->
  <!--          <el-input v-model="submitForm.no"></el-input>-->
  <!--        </el-form-item>-->
  <!--        <el-form-item label="供应商名称：" prop="name" label-width="120px">-->
  <!--          <el-input v-model="submitForm.name"></el-input>-->
  <!--        </el-form-item>-->
  <!--        <el-form-item label="供应商地址：" prop="address" label-width="120px">-->
  <!--          <el-input v-model="submitForm.address"></el-input>-->
  <!--        </el-form-item>-->
  <!--        <el-form-item label="供应商电话：" prop="phone" label-width="120px">-->
  <!--          <el-input v-model="submitForm.phone"></el-input>-->
  <!--        </el-form-item>-->
  <!--        <el-form-item-->
  <!--          label="供应商描述："-->
  <!--          prop="description"-->
  <!--          label-width="120px"-->
  <!--        >-->
  <!--          <el-input v-model="submitForm.description"></el-input>-->
  <!--        </el-form-item>-->
  <!--      </el-form>-->
  <!--    </template>-->
  <!--  </base-table>-->
</template>

<script lang="ts" setup>
name;
// import BaseTable from "@/components/table/basic/BaseTable.vue";
// import { TableField, TableUrl } from "@/models/TableSetting";
// import { ref } from "vue";
// import { Supplier } from "@/models/purchasing/Supplier";
// const url = {
//   refreshUrl: "/basic-request/Supplier",
//   modifyingSingleUrl: "/basic-request/Supplier",
//   deleteUrl: "/basic-request/Supplier/batch-delete",
// } as TableUrl;
//
// const tableFieldList = [
//   {
//     filedName: "no",
//     label: "供应商编号",
//     width: 220,
//   },
//   {
//     filedName: "name",
//     label: "供应商名称",
//     width: 220,
//   },
//   {
//     filedName: "address",
//     label: "供应商地址",
//     width: 220,
//   },
//   {
//     filedName: "phone",
//     label: "供应商联系电话",
//     width: 220,
//   },
//   {
//     filedName: "description",
//     label: "供应商描述",
//     width: 220,
//   },
//   {
//     filedName: "createUser",
//     label: "创建人",
//     width: 220,
//   },
//   {
//     filedName: "createGmt",
//     label: "创建时间",
//     width: 220,
//   },
//   {
//     filedName: "modifiedUser",
//     label: "修改人",
//     width: 220,
//   },
//   {
//     filedName: "modifiedGmt",
//     label: "修改时间",
//     minWidth: 220,
//   },
// ] as Array<TableField>;
// // 校验规则
// const formRules = {
//   no: [
//     {
//       required: true,
//       message: "供应商编号不能为空",
//       trigger: "blur",
//     },
//   ],
//   name: [
//     {
//       required: true,
//       message: "供应商名称不能为空",
//       trigger: "blur",
//     },
//   ],
// };
// // 数据规范, 表中没有需要规范格式的数据, 则不需要这一行.
// const dataFormat = (
//   columnName: string,
//   cellValue: string,
//   callback: (value: string) => void
// ) => {
//   if (columnName === "createUser") {
//     callback(cellValue);
//   }
// };
//
// // 申明表单
// const submitFormRef = ref();
//
// const submitForm = ref({} as Supplier);
//
// const setFormInitValue = (formType: string, row: Supplier) => {
//   if (undefined !== submitFormRef.value) {
//     submitFormRef.value.clearValidate();
//   }
//   switch (formType) {
//     case "insert":
//       submitForm.value = {
//         no: "",
//         name: "",
//         address: "",
//         phone: "",
//         description: "",
//         createUser: sessionStorage.getItem("token") as string,
//         createGmt: new Date(),
//       } as Supplier;
//       break;
//     case "update":
//       submitForm.value = row;
//       submitForm.value.modifiedUser = sessionStorage.getItem("token") as string;
//       submitForm.value.modifiedGmt = new Date();
//       break;
//   }
// };
// /**
//  * 提交数据前的校验
//  * @param callback 回调函数,将校验结果返还到Table组件中.
//  */
// const submitValid = (callback: (value: boolean) => void) => {
//   submitFormRef.value
//     .validate()
//     .then(() => {
//       callback(true);
//     })
//     .catch(() => {
//       callback(false);
//     });
// };
</script>

<style scoped></style>
